﻿<div id="AjaxPaging">
    @using Webdiyer.WebControls.Mvc
    @model PagedList<NationalIT.Trip_Info>
    @*<script type="text/javascript">
        $(document).ready(function () {
            ajaxPagingByID("AjaxPaging");
        });
    </script>*@
    <table class="table">
        <thead>
            <tr>
                <th>
                    <input type="checkbox" name="TripCheckAll" value=" " class="DriverTripCheckAll" />
                </th>
                <th>
                    ID
                </th>
                <th>
                    Order_date
                </th>
                <th>
                    Pickup_date
                </th>
                <th>
                    Delivery_date
                </th>
                <th>
                    Pick_up_location
                </th>                
                <th>
                    Driver paid
                </th>
            </tr>
        </thead>
        <tbody>
            @if (Model != null)
            {
                foreach (var item in Model)
                {
                <tr>
                    <td>
                        <input type="checkbox" name="DriverTripCheckItem" value="@item.Trip_ID" class="DriverTripCheckItem"/>
                    </td>
                    <td>
                        @Html.ActionLink(item.Trip_ID.ToString(), "NewOrEdit", "TripInfo", new { id = item.Trip_ID },null)
                    </td>
                    <td>
                        @(item.Order_date.HasValue ? item.Order_date.Value.ToString("MM/dd/yyyy") : "")
                    </td>
                    <td>
                        @(item.Pickup_date.HasValue ? item.Pickup_date.Value.ToString("MM/dd/yyyy") : "")
                    </td>
                    <td>
                        @(item.Delivery_date.HasValue ? item.Delivery_date.Value.ToString("MM/dd/yyyy") : "")
                    </td>
                    <td>
                        @item.Pick_up_location
                    </td>
                    <td>
                        @(NationalIT.CommonFunction.getYesNO(item.Driver_paid))
                    </td>
                </tr>
                }

            }
        </tbody>
    </table>
    <div class="row-fluid">
        @if (Model != null)
        {
            <div class="span4">
                <div class="dataTables_info">
                    @if (Model.TotalItemCount > 0)
                    {
                        if (Model.TotalItemCount < Model.PageSize)
                        {
                        <span>1 </span>
                        <span>- </span>@Model.TotalItemCount
                        }
                        else
                        {
                        <span></span>@((Model.CurrentPageIndex - 1) * Model.PageSize + 1)
                        <span>- </span>@((Model.CurrentPageIndex != Model.TotalPageCount) ? (Model.CurrentPageIndex * Model.PageSize) : Math.Abs((Model.CurrentPageIndex) * Model.PageSize - (Model.PageSize * Model.TotalPageCount) - Model.TotalItemCount))
                        }
                        <span>of </span>@(Model.TotalItemCount)                            
                    }
                </div>
            </div>
            <div class="span8">
                <div class="dataTables_paginate paging_bootstrap pagination phantrangmvcpager">
                    @Html.AjaxPager(Model, new PagerOptions { ContainerTagName = "ul", PageIndexParameterName = "pageInfo", CurrentPagerItemWrapperFormatString = "<li class='active'>{0}</li>", CurrentPageNumberFormatString = "{0}", FirstPageText = "&laquo; ", LastPageText = " &raquo;", NextPageText = "Next →", PrevPageText = "← Prev", SeparatorHtml = "" }, new AjaxOptions { UpdateTargetId = "AjaxPaging" })
                </div>
            </div>
        }
    </div>
</div>
